<template>
  <el-calendar v-model="curDate">
    <!-- <template
      slot="dateCell"
      slot-scope="{date, data}"
    > -->
    <template
      #dateCell="{ date }"
    >
      {{ date.getDate() }} <span class="relax">{{ isWeekend(date.getDay()) ? '休' : '' }}</span>
    </template>
  </el-calendar>
</template>

<script>
export default {
  data() {
    return {
      curDate: new Date()
    }
  },
  methods: {
    isWeekend(date) {
      return date === 6 || date === 0
    }
  }
}
</script>
<style lang="scss" scoped>
*, *:before, *:after  {

    position: relative !important;
}
.relax[data-v-266ee9ef] {
    background-color: skyblue;
    font-size: 20px;
    color: green;
    border-radius: 50%;
    left: 20%;
    top: 35%;
}
</style>
